@charset "utf-8";

/*=======文字 start======*/

.f10 {
	font-size: 10px;
}

.f12 {
	font-size: 12px;
}

.f13 {
	font-size: 13px;
}

.f14 {
	font-size: 14px;
}

.f15 {
	font-size: 15px;
}

.f16 {
	font-size: 16px;
}

.f17 {
	font-size: 17px;
}

.f18 {
	font-size: 18px;
}

.f20 {
	font-size: 20px;
}

.f24 {
	font-size: 24px;
}

.f30 {
	font-size: 30px;
}

.fwb {
	font-weight: bold;
}

.fwn {
	font-weight: normal;
}

.fti2 {
	text-indent: 2em;
}

/*=======文字 end======*/

/*=======边距 start======*/

.ma {
	margin-left: auto;
	margin-right: auto;
}

.m5 {
	margin: 5px;
}

.m10 {
	margin: 10px;
}

.m15 {
	margin: 15px;
}

.m20 {
	margin: 20px;
}

.m30 {
	margin: 30px;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.mt100 {
	margin-top: 100px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb100 {
	margin-bottom: 100px;
}

.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}

.ml25 {
	margin-left: 25px;
}

.ml30 {
	margin-left: 30px;
}

.ml40 {
	margin-left: 40px;
}

.ml50 {
	margin-left: 50px;
}

.ml100 {
	margin-left: 100px;
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr15 {
	margin-right: 15px;
}

.mr20 {
	margin-right: 20px;
}

.mr30 {
	margin-right: 30px;
}

.mr40 {
	margin-right: 40px;
}

.mr50 {
	margin-right: 50px;
}

.mr100 {
	margin-right: 100px;
}

.p5 {
	padding: 5px;
}

.p10 {
	padding: 10px;
}

.p15 {
	padding: 15px;
}

.p20 {
	padding: 20px;
}

.p30 {
	padding: 30px;
}

.pt5 {
	padding-top: 5px;
}

.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pt30 {
	padding-top: 30px;
}

.pt50 {
	padding-top: 50px;
}

.pb5 {
	padding-bottom: 5px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb15 {
	padding-bottom: 15px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb25 {
	padding-bottom: 25px;
}

.pb30 {
	padding-bottom: 30px;
}

.pb50 {
	padding-bottom: 50px;
}

.pl5 {
	padding-left: 5px;
}

.pl10 {
	padding-left: 10px;
}

.pl15 {
	padding-left: 15px;
}

.pl20 {
	padding-left: 20px;
}

.pl25 {
	padding-left: 25px;
}

.pl30 {
	padding-left: 30px;
}

.pl50 {
	padding-left: 50px;
}

.pr5 {
	padding-right: 5px;
}

.pr10 {
	padding-right: 10px;
}

.pr15 {
	padding-right: 15px;
}

.pr20 {
	padding-right: 20px;
}

.pr25 {
	padding-right: 25px;
}

.pr30 {
	padding-right: 30px;
}

.pr50 {
	padding-right: 50px;
}

.pl0 {
	padding-left: 0 !important;
}

.pr0 {
	padding-right: 0 !important;
}

.p10-p20 {
	padding: 10px 20px;
}

.p20-p10 {
	padding: 20px 10px;
}

.ml-10 {
	margin-left: -10px;
}

/*=======边距 end======*/

/*字体颜色*/
.c999 {
	color: #999;
}

.c888 {
	color: #888;
}

.c666 {
	color: #666;
}

.c333 {
	color: #333;
}

.c_red {
	color: #ff0000;
}

.c_white {
	color: #fff;
}

.placeholderColor {
	color: #757575;
}

/*预输入文本颜色*/

.primary_color {
	color: var(--primary_color);
}

/*主色*/

/*背景色颜色*/

.body_bg {
	background-color: #f0f2f5;
}

.transparent_bg {
	background-color: transparent;
}

.bg_white {
	background-color: #fff;
}

/*布局辅助样式*/

.w {
	width: 100%;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}

.wh100p {
	height: 100%;
	width: 100%;
}

.h100p {
	height: 100%;
}

.w100p {
	width: 100%;
}

.ti2 {
	text-indent: 2em;
}

/*移动设备下，text-indent在input框的支持性不好，建议使用padding-left缩进*/

.ti3 {
	text-indent: 3em;
}

.unl {
	text-decoration: underline;
}

.tl {
	text-align: left;
}

.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

.rtl {
	direction: rtl;
}

.pr {
	position: relative;
}

.pa {
	position: absolute;
}

.vt {
	vertical-align: top;
}

.db {
	display: block;
}

.ib {
	display: inline-block;
	vertical-align: middle;
}

.fl {
	float: left;
	display: inline;
}

.fr {
	float: right;
	display: inline;
}

.nowrap {
	white-space: nowrap;
}

/* 文字超出隐藏（一行） */
.ellipsis {
	display: -webkit-box;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 文字超出隐藏（两行） */
.ellipsis_line2 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

i[class*="_ico"] {
	display: inline-block;
	vertical-align: middle;
}

.fixed_layout {
	table-layout: fixed;
}

/* 效果辅助样式 */

.radius100p {
	border-radius: 100%;
	background-clip: padding-box;
}

.rotate180 {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.invisible {
	height: 0px !important;
	border: 0 !important;
	overflow: hidden;
}

.ui_hover:active {
	background-color: #ececec !important;
}

.ui_none {
	display: none;
}

/*滚动条美化*/

.nice_scroll::-webkit-scrollbar {
	width: 2px;
	height: 2px;
}

.nice_scroll::-webkit-scrollbar-button {
	background-color: 000;
}

.nice_scroll::-webkit-scrollbar-track {
	background: #ddd;
}

.nice_scroll::-webkit-scrollbar-thumb {
	background: #f1f1f1;
	border-radius: 4px;
}

.nice_scroll::-webkit-scrollbar-corner {
	background: #82afff;
}

.nice_scroll::-webkit-scrollbar-resizer {
	background: #ff0bee;
}

/*flex 布局*/

.flexbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.flexItem {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.flexItem2 {
	-webkit-box-flex: 2;
	-webkit-flex: 2;
	-ms-flex: 2;
	flex: 2;
}

.flexItem3 {
	-webkit-box-flex: 3;
	-webkit-flex: 3;
	-ms-flex: 3;
	flex: 3;
}

.flexCC {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flexCenter {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.flexColumn {
	flex-direction: column;
}

.flexBetween {
	justify-content: space-between;
}

.flexJc {
	justify-content: center;
}


/*1像素边框*/

.ui_1px,
.ui_top_1px,
.ui_right_1px,
.ui_bottom_1px,
.ui_left_1px {
	position: relative;
}

.ui_1px:before {
	border: 1px solid #ccc;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 200%;
	height: 200%;
	transform: scale(0.5, 0.5);
	-webkit-transform: scale(0.5, 0.5);
	transform-origin: left top;
	-webkit-transform-origin: left top;
}

.ui_top_1px:before,
.ui_bottom_1px:before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	border-bottom: 1px solid #ccc;
	transform: scaleY(0.5);
	-webkit-transform: scaleY(0.5);
}

.ui_top_1px:before {
	top: 0;
}

.ui_bottom_1px:before {
	bottom: 0;
}

.ui_left_1px:before,
.ui_right_1px:before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	border-left: 1px solid #ccc;
	transform: scaleX(0.5);
	-webkit-transform: scaleX(0.5);
}

.ui_left_1px:before {
	left: 0;
}

.ui_right_1px:before {
	right: 0;
}

/*段落*/

.ui_con_block {
	padding: 20px 10px;
	background-color: #f5f5f5;
	color: #656565;
}

.ui_loadMore_line {
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}

.ui_loadMore_line:after {
	position: absolute;
	content: "";
	left: 15%;
	right: 15%;
	top: 50%;
	border-bottom: 1px solid #ccc;
	transform: scaleY(0.5);
	-webkit-transform: scaleY(0.5);
}

.ui_loadMore_tips {
	position: relative;
	z-index: 2;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #fff;
	color: #999;
}

.border_radius_shadow {
	border: 1px solid #dcdcdc;
	box-shadow: #ddd 0 0 10px;
	border-radius: 8px;
}

.box_sizing {
	box-sizing: content-box;
}
